<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/default.html}">
<head>
<script src="//cdn.jsdelivr.net/npm/xgplayer/browser/index.js" type="text/javascript"></script>
<script src="//cdn.jsdelivr.net/npm/xgplayer-hls.js/browser/index.js" charset="utf-8"></script>
<title>play</title>
<meta id="referrer" name="referrer" content="always" />
</head>
<body>

 <section layout:fragment="content">
	 <h3>this is bofang </h3>
	 <div  class="container">
		<div id="mse"></div>
	 </div>
<script data-th-inline="javascript">
let player = new HlsJsPlayer({
	"id": "mse",
	"url": "//m3u8.cdnpan.com/"+[[${model.m3u8Id}]] +".m3u8",
	"playsinline": true,
	"whitelist": [
			""
	],
	"fluid": true,
	"volume": 0.8
  });
      
</script>
 </section>
</body>
</html>